@charset "utf-8";

/* CSS Document */

body{ background-color:#FFF; }
.float{ width:768px; left:0; top:0; height:100%; position:fixed; margin-left:-384px; background-color:rgba(0,0,0,0.9); z-index:1200; display:none; }
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}
.float > .f-navlist > h3{ width:100%; height:48px; line-height:48px; font-size:16px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.8); color:#333; text-align:center; font-weight:normal; color:#FFF;} 
.float > .f-navlist > h3 > span{ float:left;}
.float > .f-navlist > h3 > span a,.float > .f-navlist > h3 > span a:hover{ color:#FFF;}
.float > .f-navlist > h3 > span:nth-of-type(2){ float:right; }
.float > .f-navlist > h3 > span > i{ font-size:14px;}
.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box;}
.float > .f-navlist > ul > li{ width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; text-align:left; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.6);}
.float > .f-navlist > ul > li + li{}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; }
.float > .f-navlist > ul > li > a > i{ color:#FFF; font-size:14px;}
.float > .f-navlist > ul > li:hover{ background-color:#000;}
.float > .f-navlist > ul > li:hover > a,.float > .f-navlist > ul > li > a:hover,.float > .f-navlist > ul > li:hover > a > i,.float > .f-navlist > ul > li:hover > a:hover > i{ color:#FFF !important;}
/**/

.header{width:100%;height:auto;box-sizing:border-box;background-color:rgba(255,255,255,1);position:fixed;left:0;top:0;z-index:100;transition:all 0.3s linear;-webkit-transition:all 0.3s linear;z-index: 999;border-bottom: 2px solid #0075C2;}
.hd-con{  height:auto; box-sizing: border-box;  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch;}
.logo{display:block;width:208px;padding-top: 17px;padding-bottom: 17px;flex-shrink: 0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.logo img{ width:100%;}
/*导航*/
.navlist{width:100%;height: 92px;box-sizing: border-box;padding-left: 10%;font-family:semi-bold;}
.navlist > ul{ width:100%; height:92px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.navlist > ul > li{width: 20%;float: left;height: 92px;position: relative;}
.navlist > ul > li:nth-of-type(1){width: 10%;}
.navlist > ul > li:nth-of-type(6){width: 35%;}

.navlist > ul > li > div{ width: 100%; position: relative; height: 92px;display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.navlist > ul > li > div > a{font-size: 20px;color: #0075C2 !important;font-weight: bold;}
.navlist > ul > li > div > a::after{ content: ' '; width:80%; height: 4px; background-color: #f68228; position: absolute; left:10%; bottom:20%; display: none;}
.navlist > ul > li.active > div > a,.navlist > ul > li:hover > div > a{ color: #195fb5 !important;  }
.navlist > ul > li:hover > div > a::after,.navlist2 > ul > li.active > div > a::after{ display: block; }

.navlist > ul > li:hover > div > a::after,.navlist2 > ul > li.active > div > a::after{ display: block; }
.navlist > ul > li:nth-of-type(9) > div > a::after{display: none;}

.navlist > ul > li > p{width: 180px;height: auto;position: absolute;left:0;top: 80px;background-color: #FFF;display: none; box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);
transition: all .5s ease;-webkit-animation:fadeInUp 0.5s ease-in-out;
}

.navlist > ul > li > p > a{line-height: 46px; font-size: 14px;text-align:left;color: #195fb5;display: block; position: relative;font-weight: 500;text-transform: capitalize;color: #025596;padding: 0 19px;transition: all .3s ease;}
.navlist > ul > li:hover > p{ display: block; }
.navlist > ul > li > p > a:hover{background: #186AAB;color: #fff;border-color: 0;}
.navlist > ul > li > p > a:hover> a{background: #186AAB;color: #fff;border-color: 0;}
/*.hd-right > .hdr-tools > .hdrTool-search:hover > .search{ display: block; }*/


.navlist01{width:100%;height: 92px;box-sizing: border-box;padding-left: 10%;font-family:semi-bold;}
.navlist01 > ul{ width:100%; height:92px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.navlist01 > ul > li{width: 20%;float: left;height: 92px;position: relative;}
.navlist01 > ul > li:nth-of-type(1){width: 10%;}


.navlist01 > ul > li > div{ width: 100%; position: relative; height: 92px;display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.navlist01 > ul > li > div > a{font-size: 20px;color: #0075C2 !important;font-weight: bold;}
.navlist01 > ul > li > div > a::after{ content: ' '; width:80%; height: 4px; background-color: #f68228; position: absolute; left:10%; bottom:20%; display: none;}
.navlist01 > ul > li.active > div > a,.navlist01 > ul > li:hover > div > a{ color: #195fb5 !important;  }
.navlist01 > ul > li:hover > div > a::after,.navlist012 > ul > li.active > div > a::after{ display: block; }

.navlist01 > ul > li:hover > div > a::after,.navlist012 > ul > li.active > div > a::after{ display: block; }
.navlist01 > ul > li:nth-of-type(9) > div > a::after{display: none;}

.navlist01 > ul > li > p{width: 180px;height: auto;position: absolute;left:0;top: 74px;padding-bottom:100px;background-color: #FFF;display: none; box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);
transition: all .5s ease;
}

.navlist01 > ul > li > p > a{line-height: 46px; font-size: 14px;text-align:left;color: #195fb5;display: block; position: relative;font-weight: 500;text-transform: capitalize;color: #025596;padding: 0 19px;transition: all .3s ease;}
.navlist01 > ul > li:hover > p{ display: block; }
.navlist01 > ul > li > p > a:hover{background: #186AAB;color: #fff;border-color: 0;}
.navlist01 > ul > li > p > a:hover> a{background: #186AAB;color: #fff;border-color: 0;}
/*.hd-right > .hdr-tools > .hdrTool-search:hover > .search{ display: block; }*/




.navlist2{ width:100%; height: 92px;}
.navlist2 > ul{ width:100%; height:92px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }
.navlist2 > ul > li{ width: 11.111%; float: left;  height: 92px; }
.navlist2 > ul > li > div{ width: 100%; position: relative; height: 92px;display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.navlist2 > ul > li > div > a{ font-size: 16px; display: inline-block; line-height: 2;  color: #FFF !important;position: relative;  }
.navlist2 > ul > li > div > a::after{ content: ' '; width:100%; height: 2px; background-color: #f68228; position: absolute; left:0; bottom:0; display: none;}
.navlist2 > ul > li:hover > div > a::after,.navlist2 > ul > li.active > div > a::after{ display: block; }

.search{ width: 100%; min-width: 320px; height: 100px; background-color: rgba(0,0,0,0.5); position: absolute; left:0; top:92px; z-index: 550; display: none; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;animation: fadeIn 0.5s ease-in-out; -webkit-animation: fadeIn 0.5s ease-in-out; cursor: pointer;}
.sechForm{ width:600px;height: 60px; box-sizing: border-box; border:1px solid #FFF; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-right: 10px; padding-left: 10px;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.sechInput{ width: 100%; height: 30px; background-color: transparent; box-sizing: border-box; padding:0 10px;}
.sechInput input{ color: #FFF; width: 100%; height: 30px; line-height: 30px; font-size: 16px; border:0; background-color: transparent; }
input:-webkit-input-placeholder {/* placeholder颜色  */color: rgba(255,255,255,0.8);}
.sechSubmit,.sechBtn{ width: 36px; height: 36px; flex-shrink: 0; }
.sechSubmit > input{ width: 36px; height: 36px; background-image: url(../images/btn-search.png); background-position: center center; background-repeat: no-repeat; background-color: transparent; border:0;}
.sechBtn > img{ width:36px; height: 36px; }

.menu{ width:30px; height:30px; cursor:pointer; display:none; align-self: center;}
.menu > h3{ width:30px; height:30px; font-weight:normal; text-align:center; line-height:20px; color: #333; }
.menu > h3 > i{ font-size:20px;}
.header-blank{ background-color:transparent; height:92px;}
/*滚动后导航*/
.scrolltop{ background-color:rgba(255,255,255,1); border-bottom:1px solid rgba(120,120,120,0.2);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:999;}
.scrolltop > h3.tx{ color:#333;}

/*主体*/
.main{   height:auto; }
/****/

/*layerslider*/

/*底部*/

.foot-blank{ height:auto; width:100%; }

.service{box-sizing:border-box; background-color: #195fb5;background-image:url(../images/footer_bg.png); height: auto; padding:10px 0 2% 0; width:100%; min-width: 320px;position: relative;background-size: 100% 100%;background-position: top;background-repeat: no-repeat;}
.service::after{content: ' ';width: 100%;height: 1px;background-color: rgba(255,255,255,0.2);position: absolute;left:0;top: 26%;}
.service > .c-con{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }

.servLogo{ width:38.5715%; flex-shrink: 0; }
.servItem{ /*width:50%;*/ width:auto;}
.sLogoImg{ width:50%; overflow: hidden; }
.sLogoImg > img{ width: 100%; }
.servQTCode{ width:100px; flex-shrink: 0; }
.servLogo > h3,.servItem > h3,.servQTCode > h3{ width:100%; height: auto; line-height: 4; font-weight: normal; font-size: 18px; text-align: left; box-sizing: border-box; border-bottom: 1px solid rgba(255,255,255,0.2); margin-bottom: 10px; color: #FFF;}
.servQTCode > h3{ margin-bottom: 0; }
.servItem > h3{ position: relative; }
.servItem > h3::after{content: ' '; width:60px; height: 2px; background-color: #f68228; position: absolute; left:0;bottom:0;}
.sIContact,.sIlist{ width:100%; box-sizing: border-box; padding-right: 10%; overflow: hidden; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; }
.sIContact > ul{ width:50%; }
.sIContact > ul > li{ width:100%; height: 36px; line-height: 36px; font-size: 14px; color: #FFF; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.sIContact > ul > li > p{ width: 24px; height:24px; float: left; margin-top:6px; margin-right: 10px; display: inline-block; background-color: #FFF; overflow: hidden; }
.sIContact > ul > li > p > img{ width:24px; height:24px; }
.sIlist > ul > li{ width:100%; min-width: 120px; box-sizing: border-box; padding-right: 20px; height: 36px; line-height: 36px; font-size: 14px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.sIlist > ul > li > a{color: #FFF;}
.sIlist > ul > li > a:hover{ color: rgba(255,255,255,0.8); }
.sQImg{ width:100%; height:auto; padding-top: 10px; }
.sQImg > p{ width:100%; height:auto; overflow: hidden; }
.sQImg > p > img{ width:100%; }
.sQImg > h4{ width:100%; height:36px; line-height: 36px; overflow: hidden; color: #FFF;font-weight: normal; text-align: center;font-size:14px; }
.servLogo2{ width:24%; flex-shrink: 0; }
.servItem2{width: 22%;}
.sLogoImg2{ width:268px; overflow: hidden; }
.sLogoImg2 > img{ width: 100%; }
.servQTCode2{ width:100px; flex-shrink: 0; }
.servLogo2 > h3,.servItem2 > h3,.servItem3 > h3{ width:100%; height: auto; line-height: 4; font-weight: normal; font-size: 18px; text-align: left; box-sizing: border-box; margin-bottom: 10px; color: #FFF;}
.sIContact2,.sIlist2{ width:100%; box-sizing: border-box; padding-right: 10%;  }
.sIContact2 > ul > li{width:100%;line-height: 36px;font-size: 14px;color: #FFF;/* overflow: hidden; */display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;white-space: nowrap;}
.sIContact2 > ul > li > p{ width: 24px; height:24px; float: left; margin-top:6px; margin-right: 10px; display: inline-block; overflow: hidden; }
.sIContact2 > ul > li > p > img{ width:24px; height:24px; }
.sIContact2 > ul > li:nth-of-type(4){height: auto;}
.sIContact2 > ul > li > a{display: inline-block;position:relative;margin-top: 10px;}
.sIContact2 > ul > li > a > p{width: 102px;position:absolute;top: -112px;left: -35px;z-index:999;box-sizing: border-box;border:1px solid #195fb5;display: none;animation: fadeInDown 0.5s ease-in-out;-webkit-animation: fadeInDown 0.5s ease-in-out;}
.sIContact2 > ul > li > a > p > img{width: 100%;height: 100%;}
.sIContact2 > ul > li > a > p::after{content: ' ';width:0;height:0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #fff;position: absolute;left:50%;margin-left: -6px;bottom:-10px;}
.sIContact2 > ul > li > a > img{width: 70%;border-radius: 50%;}
.sIContact2 > ul > li > a:hover > p{display: block;}



.sIlist2 > ul > li{ width:100%; height: 36px; line-height: 36px; font-size: 14px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.sIlist2 > ul > li > a{color: #FFF;}
.sIlist2 > ul > li > a:hover{ color: rgba(255,255,255,0.8) !important; }

.servItem3{width: 54%;}
.servItem3 > .servItem3-wrap{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;}
.sIlist3{width: 25%;}
.sIlist3 > h4{font-size: 14px;height: 36px; line-height: 36px;color: #FFFFFF;}
.sIlist3 > ul > li{ width:100%; height: 36px; line-height: 36px; font-size: 14px; text-align: left; overflow: hidden; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }
.sIlist3 > ul > li > a{color: #FFF;}
.sIlist3 > ul > li > a:hover{ color: rgba(255,255,255,0.8) !important; }
.sIlist3 > h4 > a >img{    width: 50%;margin-top: 7%;}

.footer{ box-sizing:border-box; background-color: #015398; height: auto; width:100%; min-width: 320px; border-top: 1px solid rgba(255,255,255,0.01);}
.footer > .c-con{ box-sizing: border-box; padding:12px 0;  }
.copyright{ width: 100%; height: auto; line-height: 1.8; font-size: 14px; color:rgba(255,255,255,0.8); box-sizing: border-box; padding:0 20px;}
.copyright a{color:rgba(255,255,255,0.8);}
.copyright a:hover{color:#fff !important;}



/*首页*/


/*焦点图*/

.flash{ width:100%; position: relative; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }


.tp-leftarrow.large {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    width: 64px;
    height: 60px;
    left: 80px;
    background: #858484 url("../images/slider-prev.png") 50% 50% no-repeat;
}
.tp-rightarrow.large {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    width: 64px;
    height: 60px;
    left: -80px;
    background: #858484 url("../images/slider-next.png") 50% 50% no-repeat;
}
.tp-leftarrow.tparrows.square.large {
    position: absolute!important;
    top: 42%!important;
    /* left: 3%!important; */
}
.tp-rightarrow.tparrows.square.large {
    position: absolute!important;
    top: 42%!important;
    /* left: 92%!important; */
}
/*revolution slider*/
.fullwidthbanner{
    max-height: 720px;
    height: auto;
}
 .revolution-slider {
    width: 100%;
    position: relative;
    padding: 0;
    margin:0px 0 0 0;
    overflow: hidden;
    z-index: 1;
}
.tp-caption {
    padding:10px 15px;
    font-family: "Roboto", Arial;
    border-radius: 2px;
    color:#FFF;
    margin-left: -15px;
}
.tp-caption.large_title{
    line-height: 50px;
    font-weight: 700;
    font-size:32px;
}

.tp-caption.normal_title {
    line-height: 40px;
    font-size:26px;
    font-weight: 600;
}
.tp-caption.small_title {
    line-height: 32px;
    font-size:16px;
    font-weight: 400;
}
.tp-caption .round{
    /*line-height: 32px;*/
    font-size:14px;
    font-weight: 400;
}

.tp-caption.grey_subtitle{
    font-size:14px;
     font-family: "Roboto", Arial;
    color:#656d78;
    line-height:24px;
    font-style: italic;
     border-radius: 4px;
}
.tp-caption.grey_subtitle_alt{
    font-size:14px;
     font-family: "Roboto", Arial;
    color:#FFF;
    line-height:24px;
    font-style: italic;
     border-radius: 4px;
}
.bullet.selected  { background-color:#169fe6!important   }

/**手机***/

.colHeader{width: 100%;height: auto;padding:3% 0 3% 0;position: relative;text-align: center;}
.colHeader > h3{ width: 100%; font-size: 14px; height: 24px; line-height: 24px; overflow: hidden; text-align: left; text-transform: uppercase; color: #999; font-weight: normal;}
.colHeader > h4{height: 80px;line-height: 40px;font-size: 30px;color: #222;flex-shrink: 0;padding:5px 0;/* width: 162px; */text-align: center;font-weight: normal;box-sizing: border-box;position: relative;margin: 0 auto;display: inline-block;}
.colHeader > h4::after{content: ' ';width: 100%;height:16px;background-image:url(../images/ItemTitle.png);background-position: center;background-repeat: no-repeat;background-size: unset;position: absolute;left:0;bottom:0;}


.colHeader > a:hover{ background-color: #195fb5; border:1px solid #195fb5; color: #FFF !important; }
.colHeader > ul{ width:300px; height:54px; position: absolute; right:0; top:50%; margin-top: -27px; }
.colHeader > ul > li{ width: 54px; height: 54px; border-radius: 50%; float: left; margin-left:20px; }
.colHeader > ul > li > a{ display: block; width:54px; height: 54px; position: relative;}
.colHeader > ul > li > a > img{ width:100%; height:100%;  border-radius: 50%;}
.colHeader > ul > li > a > p{ width: 102px; height:102px; position: absolute; left:50%; top:-112px; margin-left: -51px; box-sizing: border-box; border:1px solid #195fb5; display: none; animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out;}
.colHeader > ul > li > a > p::after{ content: ' '; width:0; height:0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 10px solid #195fb5; position: absolute; left:50%; margin-left: -6px; bottom:-10px; }
.colHeader > ul > li > a:hover > p{ display: block; }
.colHeader > ul > li > a > p > img{ width:100%; height:100%;}
/*****/

.f2{width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: stretch; position: relative; padding-bottom: 2.5%;}

.f2Flash{width: 16%;height: auto;flex-shrink: 0;position: relative;margin-right: 4%;}

.news{width: 80%;box-sizing: border-box;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: space-between;align-items: baseline;position: relative;z-index: 320;}
.newsTab{width: 100%;height: auto;box-sizing: border-box;display: flex;flex-direction: column;flex-wrap: nowrap;justify-content: flex-start;align-items: center;flex-shrink: 0;margin-bottom: 3%;position: relative;}
.newsTab > p{width: 100%;height: 81px;line-height: 40px;font-size: 28px;position: relative;cursor: pointer;padding: 5% 0;margin: 5%;box-sizing: content-box;color: #333;}
.newsTab > p.on{font-weight: 400;color: #195fb5 !important;border-bottom: 2px solid #F68228;}
.newsTab > p > span{display:block;height: 40px;font-size: 16px;line-height: 40px;white-space: nowrap;}
.newsTab > p.on > span{font-weight: bold;}
.newsTab > a{ display: none; height: 32px; line-height: 30px; font-size: 14px; padding:0 15px; position: absolute; right:0; top:50%; margin-top: -16px; color: #666; }
.newsTab > a:hover{  color: #000 !important; }


.newsList{ width: 100%; height: auto;flex:1; overflow: hidden; display: none; }
.newsList > ul{width: 100%;}
.newsList > ul > li{width:100%;height: auto;box-sizing: border-box;padding: 1.5% 0;border-bottom: 1px dashed #666666;}
.newsList > ul > li > a{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }
.newsList > ul > li > a > .cnItem-img{width: 220px;flex-shrink: 0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.newsList > ul > li > a > .cnItem-img > p{width: 100%;height: 0;padding-top: 59%;overflow: hidden;position: relative;}
.newsList > ul > li > a > .cnItem-img > p > img{width:100%;/* height:100%; */position: absolute;left:0;top:0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.newsList > ul > li:hover > a > .cnItem-img > p > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); }
.newsList > ul > li > a > .cnItem-date{width: 139px;height: 130px;flex-shrink: 0;color: #fff;box-sizing: border-box;padding-top: 10px;background-color: #0075C2;border-radius: 15px;}
.newsList > ul > li > a > .cnItem-date > p{width:100%;height: 24px;line-height: 24px;text-align: center;font-size: 18px;}
.newsList > ul > li > a > .cnItem-date > h3{width: 100%;font-size: 30px;padding: 10% 0;text-align: center;}
.newsList > ul > li > a > .cnItem-about{width:100%;overflow: hidden;margin-left: 5%;margin-right: 3%;}
.newsList > ul > li > a > .cnItem-about > h3{width:100%;height: 30px;line-height: 30px;font-weight: bold;font-size: 20px;text-align: left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;min-width: 0;/*display: block; flex: 0 0 auto;*/color: #424242;}
.newsList > ul > li > a > .cnItem-about > h4{ width: 100%; height: 24px;line-height: 24px; font-weight: normal; font-size: 14px; text-align: left;overflow: hidden; display: none; color: #999; }
.newsList > ul > li > a > .cnItem-about > div{width:100%;height: auto;line-height: 30px;max-height: 90px;overflow: hidden;font-size: 16px;color: #999;margin-bottom: 1%;}
.newsList > ul > li > a > .cnItem-about > p{width: 94px;height: 29px;box-sizing: border-box;border: 1px solid #F68228;border-radius: 14px;line-height: 29px;font-size: 14px;text-align: center;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.newsList > ul > li > a > .cnItem-about > p > i{ font-size: 16px; }
.newsList > ul > li:hover > a > .cnItem-about > p{ background-color: #0975d0; border:1px solid #0975d0; color: #FFF;}
.news > a{width: 180px;height: 40px;border: 2px solid #F68228;border-radius: 30px;line-height: 40px;font-size: 16px;margin-top: 2%;text-align: center;}
.news > a:hover { background-color: #0975d0; border:2px solid #0975d0; color: #FFF !important;border-radius: 30px;line-height: 40px;font-size: 16px;margin-top: 2%;text-align: center;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}

.navlist01{width:100%;height: 62px;box-sizing: border-box;padding-left: 10%;font-family:semi-bold;}
.navlist01 > ul{ width:100%; height:92px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; }
.navlist01 > ul > li{width: 20%;float: left;height: 62px;position: relative;}
.navlist01 > ul > li:nth-of-type(1){width: 10%;}


.navlist01 > ul > li > div{ width: 100%; position: relative; height: 62px;display: flex;flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center;}
.navlist01 > ul > li > div > a{font-size: 20px;color: #0075C2 !important;font-weight: bold;}
.navlist01 > ul > li > div > a::after{ content: ' '; width:80%; height: 4px; background-color: #f68228; position: absolute; left:10%; bottom:20%; display: none;}
.navlist01 > ul > li.active > div > a,.navlist01 > ul > li:hover > div > a{ color: #195fb5 !important;  }
.navlist01 > ul > li:hover > div > a::after,.navlist012 > ul > li.active > div > a::after{ display: block; }

.navlist01 > ul > li:hover > div > a::after,.navlist012 > ul > li.active > div > a::after{ display: block; }
.navlist01 > ul > li:nth-of-type(9) > div > a::after{display: none;}

.navlist01 > ul > li > p{width: 180px;height: auto;position: absolute;left:0;top: 74px;padding-bottom:100px;background-color: #FFF;display: none; box-shadow: 2px 0 11px -3px rgba(0,0,0,.2);
transition: all .5s ease;
}

.navlist01 > ul > li > p > a{line-height: 46px; font-size: 14px;text-align:left;color: #195fb5;display: block; position: relative;font-weight: 500;text-transform: capitalize;color: #025596;padding: 0 19px;transition: all .3s ease;}
.navlist01 > ul > li:hover > p{ display: block; }
.navlist01 > ul > li > p > a:hover{background: #186AAB;color: #fff;border-color: 0;}
.navlist01 > ul > li > p > a:hover> a{background: #186AAB;color: #fff;border-color: 0;}
/*.hd-right > .hdr-tools > .hdrTool-search:hover > .search{ display: block; }*/

/*********/

/***关于我们***/
.about{ width: 100%; height: auto; min-width: 320px; background-image: url(../images/about.png); background-size: 100% 80%; background-color: #FFF; background-repeat: no-repeat; background-position: center bottom; padding-bottom: 4%; }
.about > .c-con{ }
.about > .c-con > .colHeader{ padding-top: 6%;}
.about > .c-con > .colHeader > h3,.about > .c-con >  .colHeader > h4{text-align: center; }
.about > .c-con >  .colHeader > p{ margin:0 auto; margin-top: 10px;}
.about > .c-con >  .colHeader > div{ width:100%; font-size: 16px; text-align: center; color: #999; margin-top:2%; margin-bottom: 2%; }

.mainAbout{ width: 100%; height: auto; min-width: 320px; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content: space-between; align-items: center; padding-top: 2%; }
.mAboutImg{ width: 50%; display: block; }
.mAboutImg > p{ width: 100%;height: 0; padding-top:65%; position: relative; overflow: hidden;}
.mAboutImg > p > video{ width:100%; height: 100%; position: absolute; left:0; top:0;  }
.mAboutLeft{ width: 50%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center; box-sizing: border-box; padding-right: 3%;}
.mAboutLeft > h3{ width:100%; display: inline-block; height: auto; position: relative; text-align: left; font-size: 0;}
.mAboutLeft > h3 > p,.mAboutLeft > h3 > span{display: inline-block;font-weight: normal;font-size: 26px;line-height: 2.5;box-sizing: border-box;z-index: 140;position: relative;color: #FFF;}
.mAboutLeft > h3 > p::after{ content: ' '; width:70%; height: 4px; background-color: #FFF;position: absolute; left:0; bottom:0; z-index: 120;}
.mAboutLeft > div{width: 100%;height: 224px;line-height: 32px;text-align: left;font-size: 16px;color: #FFF;overflow: hidden;margin-top: 5%;margin-bottom: 3%;} 
.mAboutLeft > p{ width:100%; height: auto; text-align: left; font-size: 0; }
.mAboutLeft > p > a{display: inline-block;padding: 0 25px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #fff !important;border-radius: 30px;border: 1px solid #F68228;}
 .mAboutLeft > p > a:hover { padding: 0 25px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;border-radius: 30px;background-color: #0975d0; border:1px solid #fff; color: #FFF !important;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}


.colAbout{ width: 100%; height: auto; min-width: 320px; padding-bottom: 2%; }
.colAboutcen{ width: 100%; }
.colAboutcen > h3{ width:100%; display: inline-block; height: auto; position: relative; text-align: left; font-size: 0;}
.colAboutcen > h3 > p,.mAboutLeft > h3 > span{display: inline-block;font-weight: normal;font-size: 26px;line-height: 2.5;box-sizing: border-box;z-index: 140;position: relative;color: #FFF;}
.colAboutcen > h3 > p::after{ content: ' '; width:70%; height: 4px; background-color: #FFF;position: absolute; left:0; bottom:0; z-index: 120;}
.colAboutcen > div{width: 100%;height: 34px;line-height: 32px;text-align: left;font-size: 16px;color: #FFF;overflow: hidden;margin-top: 1%;margin-bottom: 1%;} 
.colAboutcen > p{ width:100%; height: auto; text-align: left; font-size: 0; }
.colAboutcen > p > a{display: inline-block;padding: 0 25px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;color: #fff !important;border-radius: 30px;border: 1px solid #F68228;}
.colAboutcen > p > a:hover {padding: 0 25px;height: 35px;line-height: 35px;text-align: center;font-size: 16px;border-radius: 30px;background-color: #0975d0; border:1px solid #fff;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}

/******/

/***主营业务***/
.layer-mask {
	width: 100%;
	height: 100%;
	opacity: 0.1;
	transition: all 0.5s;
	background-color: #3e3e3e;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
}
.wrap{width: 100%;margin: 0 auto;}
.business_banner .wrap{border-bottom: 1px solid #C1C1C1;}
.business_banner .swiper-slide-active .layer-mask {
	display: none;
}
.business_banner {
	width: 100%;
	float: left;
}
.business_banner .swiper-container {
	width: 100%;
	/* margin: 35px 0; */
}
.business_banner .swiper-slide {
	-webkit-transition: transform 1.0s;
	-moz-transition: transform 1.0s;
	-ms-transition: transform 1.0s;
	-o-transition: transform 1.0s;
	-webkit-transform: scale(0.85);
	/* margin: 1px; */
	transform: scale(0.85);
	margin-top: 80px;
	margin-bottom: 10px;
}
.business_banner .swiper-slide-active,.swiper-slide-duplicate-active {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
	z-index: 1002;
}
.business_banner .swiper-slide a {
	background: #fff;
	display: block;
	border-radius: 2px;
}
.business_banner .swiper-slide img {
	width: 100%;
	border-radius: 5px;
	display: block;
	height: 100%;
	border: none;
}
.business_banner .swiper-pagination {
	position: relative;
	margin-bottom: 30px;
}

.business_banner .swiper-pagination-bullet {
	background: #00a0e9;
	margin-left: 4px;
	margin-right: 4px;
	width: 17px;
	height: 17px;
	opacity: 1;
	margin-bottom: 4px;
}
.business_banner .swiper-pagination-bullet-active {
	width: 13px;
	height: 13px;
	background: #FFF;
	margin-bottom: 0;
}
.business_banner .button {
	width: 100%;
	margin: -20px auto 0;
	top: 65%;
	position: absolute;
	z-index: 1002;
}
.business_banner .button div:hover {
	background-color: #0075C2;
	opacity: 0.8;
	cursor: pointer;
}
.business_banner .swiper-button-prev {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url("../images/business-left.png") #0075C2 center 100%/100% 100% no-repeat;
	opacity: 0.7;
	
	cursor: pointer;
	left: 130px;
    right: auto;
}
.business_banner .swiper-button-next {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: url("../images/business-right.png") #0075C2 center 100%/100% 100% no-repeat;
	opacity: 0.7;
	
	cursor: pointer;
	right: 130px;
    left: auto;
}
.layer-txt{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    color: #ffffff;
    display: none;
    flex-direction: column;
    justify-content: center;
	align-items: center;
	border-radius: 2px;
}

.layer-txt.ontab{
	display: flex;
	background: rgba(0,117,194,.4);
	border-radius: 8px;
    transition: all .4s ease-in-out;
}
.txt-num{position: absolute;top: 40px;left: 40px;}
.txt-num span{font-size: 24px;}
.txt-box{width:85%;}
.txtTit{font-size: 24px;position: relative;padding-bottom: 20px;text-align: center;margin-bottom: 20px;}
.txtTit::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 100px;
	height:6px;
	margin-left: -50px;
	background:#BD9E7F ;}
.txtMore{width: 130px;height: 40px;line-height: 40px;background:#BD9E7F;border-radius:8px;margin: 15px auto;}
.industry{
	list-style: none;
	display: flex;
	width: 80%;
	margin: 0 auto;
	justify-content: space-between;
}
.industry .item{
	font-size: 24px;
	list-style: none;
	width: 15%;
	text-align: center;
	position: relative;
	padding-bottom: 20px;
}
.industry .item.ontab{
	color: #0075C2;
	font-weight: bold;
}
.industry .item.ontab::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 60px;
	height: 6px;
	margin-left: -30px;
	background:#F68228 ;
}
.fbCon{color: #fff;min-height: 40px;line-height: 25px;}
.boxShadow{box-shadow: 0 2px 5px rgba(0,0,0,.2);}


/********/

.media{ width: 100%; height: auto; min-width: 320px;  background-color: #FFF;  padding-bottom: 4%; overflow: hidden;}

.mediaList{ width:100%; height:auto; }

.mediaList > ul{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; }

.mediaList > ul > li{ width:50%; }

.mediaList > ul > li > a{ display: block; width:100%; position: relative;}

.mediaList > ul > li > a > .mediaImg{ width:100%; height:0; padding-top: 60%; position: relative; overflow: hidden; }

.mediaList > ul > li > a > .mediaImg > img{ width:100%; height:100%; position: absolute; left:0;top:0; transition: all 0.5s linear; -webkit-transition: all 0.5s linear; }

.mediaList > ul > li > a:hover > .mediaImg > img{ transform: scale(1.02,1.02); -webkit-transform: scale(1.02,1.02); }

.mediaList > ul > li > a > .mediaAbout{ width:100%; height: 100%; position: absolute; left:0;top:0; background-color: rgba(0,0,0,0.1); box-sizing: border-box; padding:5%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-end; align-items: center; }

.mediaList > ul > li > a > .mediaAbout > h3,.mediaList > ul > li > a > .mediaAbout > h4{ width:100%; font-weight: normal; text-align: left; color: #FFF; font-size:16px; }

.mediaList > ul > li > a > .mediaAbout > h4{ color: rgba(255,255,255,0.8); }

.mediaList > ul > li > a:hover > .mediaAbout > h4{ animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; }

.mediaList > ul > li > a > .mediaAbout > h3{ font-size:22px; }

.mediaList > ul > li > a > .mediaAbout > p{ margin-top: 2%; width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center;font-size: 16px; color: #FFF; }

.mediaList > ul > li > a:hover > .mediaAbout > p{ animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out; }

.mediaList > ul > li > a > .mediaAbout > p > span{ display: inline-block; flex-shrink: 0; margin-right: 10px;}

.mediaList > ul > li > a > .mediaAbout > p > span > i{ font-size: 22px; color: #FFF; }


/*内页*******/

.headerCol{ background-color: rgba(0,0,0,0.1); position: fixed; left:0; top:0;border-bottom:none; }
.headerCol > .c-con{width: 1400px;  padding:0 0;}
.headerCol .navlist > ul > li > div > a{ font-size: 16px;  color: #FFF !important;  }
.colFlash{ width:100%; height: auto; overflow: hidden;  }
.colFlash img{ width:100%; height: auto; }
.location{ width:100%; height: auto; box-sizing: border-box; text-align: left; box-sizing: border-box; padding:1% 0;}
.location > h3{ width:auto; display: inline-block; font-weight: normal; font-size: 16px; font-weight: 550; line-height: 2.5; position: relative;}
.location > h3::after{ content: ' '; width:40px; height:2px; background-color: #eb9c00; position: absolute; left:0;bottom:0;}
.shops{ width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; padding:0 0 8% 0;margin-top:5px; }
.shopList{ width:49%; height:auto;  transition: all 0.5 linear; -webkit-transition: all 0.5 linear;}
.shopList > ul{ width:100%; height: auto; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; transition: all 0.5 linear; -webkit-transition: all 0.5 linear; }
.shopList > ul > li{ width:100%; height: auto; transition: all 0.5 linear; -webkit-transition: all 0.5 linear; }
.shopList > ul > li > h3{ width:100%; height: auto; box-sizing: border-box; border-bottom:1px solid #dcdcdc; padding:10px 20px 10px 0; line-height: 2; font-size: 16px; text-align: left; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; font-weight: normal;position: relative; }
.shopList > ul > li > h3 > p{ width:22px; height: 22px; box-sizing: border-box; border:1px solid #999; border-radius: 50%; line-height: 20px; position: absolute; right:0; top:50%; margin-top: -11px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.shopList > ul > li > h3 > p::after{ content: ' '; width: 12px; height:2px; background-color: #999; position: absolute; left:50%; top:50%; margin-top: -1px; margin-left:-6px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.shopList > ul > li > h3 > p::before{ content: ' '; width: 2px; height:12px; background-color: #999; position: absolute; left:50%; top:50%; margin-top: -6px; margin-left:-1px; transition: all 0.5s linear; -webkit-transition: all 0.5s linear;}
.shopList > ul > li > .slItems{ width:100%; height: auto; /*display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center;*/ padding-top: 10px; padding-bottom: 10px; background-color: #FFF; display: none;animation: fadeInUp 0.5s ease-in-out; -webkit-animation: fadeInUp 0.5s ease-in-out;}
.shopList > ul > li:hover > .slItems{ display: block; }
.shopList > ul > li > .slItems > p{ overflow: hidden; width:48%; line-height: 48px; height:48px;text-align: left; font-size:16px; color: #999; box-sizing: border-box; border-bottom:1px solid #FFF; float: left; }
.shopList > ul > li > .slItems > p:nth-of-type(2n){ float: right; }
.shopList > ul > li:hover > h3 > p{ border:1px solid #2a69b7; }
.shopList > ul > li:hover > h3 > p::after{ background-color: #2a69b7;}
.shopList > ul > li:hover > h3 > p::before{ display: none;}

.col{ width:100%;min-width: 320px; background-color: #f7f8f9; min-width: 320px; }
.col .colHeader{ padding-top: 6%;background-image: url(../images/colHeader.png); background-repeat: no-repeat; background-position: center top; background-size: 100% 100%; }
.col .colHeader > h3,.col  .colHeader > h4{text-align: center; color: #195fb5; }
.col  .colHeader > p{ margin:0 auto; margin-top: 10px;}
.col  .colHeader > div{ width:100%; font-size: 16px; text-align: center; color: #999; margin-top:2%; margin-bottom: 2%; }

/*****/
.colF1{ width:100%; height:auto; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch; padding-top: 50px;}
.colF1Objs{ width:100%; flex:1; background-color: #F60; }
.colF1Objs > ul{ width:100%; height:100%; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.colF1Objs > ul > li{ width:50%;height:50%; box-sizing: border-box; display: flex; flex-direction: column; flex-wrap: nowrap; justi display: -webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical;fy-content: center; align-items: center; }
.colF1Objs > ul > li:nth-of-type(1){ background-color: #ffa716; }
.colF1Objs > ul > li:nth-of-type(2){ background-color: #002f82; }
.colF1Objs > ul > li:nth-of-type(3){ background-color: #2f8dff; }
.colF1Objs > ul > li:nth-of-type(4){ background-color: #009f00; }
.colF1Objs > ul > li > a{ display: flex; width:100%; height:100%; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: center; }
.colF1Objs > ul > li > a > p{ width:40%; }
.colF1Objs > ul > li > a > p > img{ width:100%; }
.colF1Objs > ul > li > a > h3{ width:100%; font-weight: 550; font-size: 18px; color: #FFF !important; }
.colF1Flash{ width:64.2857%; flex-shrink: 0; margin-left:10px; background-color: #FFF; }
.colF1Flash > img{ width:100%; }

.pic{overflow: hidden;/*隐藏溢出*/width: 100%;height: auto;}
.pic ul{ width:100%; display: flex; flex-direction: row; flex-wrap: nowrap;justify-content: space-between; align-items: stretch; }
.pic ul li{height: 420px; width: 80px;flex-shrink: 0;    }
.pic ul li.pic1{/*background-image: url(../Images/a1.png)*/ ;background-position: center center;  /*图片居中  等比例*/background-repeat: no-repeat;  /*图片不平铺*/    }
.pic ul li.pic2{/*background-image: url(../Images/a2.png) ;*/background-position: center center;background-repeat: no-repeat;}
.pic ul li.pic3{/*background-image: url(../Images/a3.png)  ;*/background-position: center center;background-repeat: no-repeat;}
.pic ul li.pic4{/*background-image: url(../Images/a4.png)  ;*/background-position: center center;background-repeat: no-repeat}
.pic ul li.active{width: 100%;flex-shrink: 1; }	
.pic ul li .txt{box-sizing: border-box;padding-top: 10px;/*background-color: #000;*/background: rgba(25,95,181,0.3);height: 420px;width: 80px;display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: center;   }
.pic ul li.active .txt{background: rgba(25,95,181,0.8);}
.txt .icon{width:40px; height:40px; overflow: hidden;    }
.txt .icon > img{ width:100%; height:100%; }
.txt .p1{font-size: 18px;line-height: 24px;width: 30px;height:288px; overflow: hidden;  text-align: center; color: #FFF !important;    }    
.txt .more{width:40px; height:30px; line-height: 30px; text-align: center; overflow: hidden;}
.txt .more > i{ font-size: 20px; color: #FFF; }



/********/

.colNews{ width:100%; height:auto; box-sizing: border-box; /* padding:1% 3% 4% 3%;  */background-color: #FFF; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
.cNewsItem{ width:100%; flex:1; background-color: #fff;/* padding: 3% 0; *//* max-height: 580px;  */}
.cNewsItem2{width:73%; flex-shrink: 0; margin-left:10px; background-color: #FFF;}
.cNewsItem .colHeader,.cNewsItem2 .colHeader{padding-top: 0;}
.cNewsItem .colHeader > h4,.cNewsItem2 .colHeader > h4{font-size: 30px;color: #222;}

.cNewsItem .colHeader > p{ margin:0 auto; margin-top: 10px;}


.cNoticList{width: 100%;height:auto;padding: 0 10%;box-sizing: border-box;}
.cNoticList > ul > li{ width:100%; height: auto; margin-top: 4%; position: relative; box-sizing: border-box; padding-left:50px; min-height: 80px; cursor: pointer;}
.cNoticList > ul > li > .cnlAbout{width:100%;height: auto;min-height: 70px;}
.cNoticList > ul > li > .cnlAbout > h4,.cNoticList > ul > li > .cnlAbout > h5{width:100%;height: 30px;line-height: 30px;text-align: left;font-weight: normal;font-size: 14px;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;color: #999;}
.cNoticList > ul > li > .cnlAbout > h4{font-size: 20px;/* height: 35px; *//* line-height: 35px; */color: #333;}
.cNoticList > ul > li > .cnlAbout > h5{font-size: 16px;color: #838282 !important;background-image: url(../images/ywgg-time.png);background-position: left center;background-repeat: no-repeat;text-indent: 2em;}
.cNoticList > ul > li > .cnlDate{width: 40px;height: 40px;box-sizing: border-box; padding:10px 0; position: absolute;left:0;top: 0;transition: all 0.5s linear;-webkit-transition: all 0.5s linear;}
.cNoticList > ul > li > .cnlDate > h4,.cNoticList > ul > li > .cnlDate > p{ width:100%; height: 34px; line-height: 34px; font-weight: 550; text-align: center; font-size: 24px; overflow: hidden; color: #FFF; }
.cNoticList > ul > li > .cnlDate > p{ height:24px;line-height: 24px;font-size: 14px; }



.cNewsTitle{width: 88%;height: 60px;margin: 0px 6%;line-height: 60px;border-bottom:1px solid #bcbcbc;margin-bottom: 3%;box-sizing: border-box;}
.cNewsTitle > p{float: left;position: relative;text-align: center;margin: 0 4%;}
.cNewsTitle > p > a{font-size: 21px;line-height: 40px;}
.cNewsTitle > p.cur > a{font-weight: bold;color: #195FB5;}
.cNewsTitle > p.cur > a::after{content: ' ';width: 80%;height: 9px;background-size:cover;position: absolute;left:0;right: 0;margin: 0 auto;bottom: -1px;background: #f68228;}

.cNewsList{width:100%;/* padding: 0px 6%; */box-sizing: border-box;flex:1;}
.cNewsList > div{width:100%;overflow: hidden;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size: 14px;position: relative;box-sizing: border-box;display: none;}
.cNewsList > div:nth-of-type(1){/* overflow-x: scroll; */padding: 0 8%;box-sizing: border-box;}
.cNewsList > div:nth-of-type(2){padding: 0 8%;box-sizing: border-box;}
.cNewsList > div > h5{font-size: 24px;font-weight: bold;line-height:40px;}
.cNewsList > div > p{font-size: 16px;line-height:24px;}
.cNewsList > div > img{max-width: 100%;margin-top: 3%;}